<!DOCTYPE HTML>
<html>
	<head>
		<title>主页面</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Minimal Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
		<!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<link href="css/font-awesome.css" rel="stylesheet">
		<script src="js/jquery.min.js"> </script>
		<!-- Mainly scripts -->
		<script src="js/jquery.metisMenu.js"></script>
		<script src="js/jquery.slimscroll.min.js"></script>
		<!-- Custom and plugin javascript -->
		<link href="css/custom.css" rel="stylesheet">
		<script src="js/custom.js"></script>
		<script src="js/screenfull.js"></script>
		<script>
			$(function() {
				$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

				if (!screenfull.enabled) {
					return false;
				}



				$('#toggle').click(function() {
					screenfull.toggle($('#container')[0]);
				});



			});
		</script>

		<!----->

		<!--pie-chart--->
		<script src="js/pie-chart.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#demo-pie-1').pieChart({
					barColor: '#3bb2d0',
					trackColor: '#eee',
					lineCap: 'round',
					lineWidth: 8,
					onStep: function(from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});

				$('#demo-pie-2').pieChart({
					barColor: '#fbb03b',
					trackColor: '#eee',
					lineCap: 'butt',
					lineWidth: 8,
					onStep: function(from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});

				$('#demo-pie-3').pieChart({
					barColor: '#ed6498',
					trackColor: '#eee',
					lineCap: 'square',
					lineWidth: 8,
					onStep: function(from, to, percent) {
						$(this.element).find('.pie-value').text(Math.round(percent) + '%');
					}
				});


			});
		</script>
		<!--skycons-icons-->
		<script src="js/skycons.js"></script>
		<!--//skycons-icons-->
	</head>
	<body>
		<div id="wrapper">

			<!----->
			<nav class="navbar-default navbar-static-top" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<h1> <a class="navbar-brand" href="index.html">首页</a></h1>
				</div>
				<div class=" border-bottom">
					<div class="full-left">
						<section class="full-top">
							<button id="toggle"><i class="fa fa-arrows-alt"></i></button>
						</section>
						<form class=" navbar-left-right">
							<input type="text" value="搜索" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}">
							<input type="submit" value="" class="fa fa-search">
						</form>
						<div class="clearfix"> </div>
					</div>


					<!-- Brand and toggle get grouped for better mobile display -->

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="drop-men">
						<ul class=" nav_1">

							<li class="dropdown at-drop">
								<a href="#" class="dropdown-toggle dropdown-at " data-toggle="dropdown"><i class="fa fa-envelope"></i> <span
									 class="number">5</span></a>
								<ul class="dropdown-menu menu1 " role="menu">
									<li><a href="#">

											<div class="user-new">
												<p>反馈意见1</p>
												<span>现在</span>
											</div>
											<div class="user-new-left">

												<i class="fa fa-envelope"></i>
											</div>
											<div class="clearfix"> </div>
										</a></li>
									<li><a href="#">
											<div class="user-new">
												<p>反馈意见2</p>
												<span>五分钟前</span>
											</div>
											<div class="user-new-left">

												<i class="fa fa-envelope"></i>
											</div>
											<div class="clearfix"> </div>
										</a></li>
									<li><a href="#">
											<div class="user-new">
												<p>反馈意见3</p>
												<span>4小时前</span>
											</div>
											<div class="user-new-left">

												<i class="fa fa-envelope"></i>
											</div>
											<div class="clearfix"> </div>
										</a></li>
									<li><a href="#">
											<div class="user-new">
												<p>建议1</p>
												<span>昨天</span>
											</div>
											<div class="user-new-left">

												<i class="fa fa-envelope-o"></i>
											</div>
											<div class="clearfix"> </div>
										</a></li>
									<li><a href="#">
											<div class="user-new">
												<p>建议2</p>
												<span>上周</span>
											</div>
											<div class="user-new-left">

												<i class="fa fa-envelope-o"></i>
											</div>
											<div class="clearfix"> </div>
										</a></li>
									<li><a href="#" class="view">查看所有邮件</a></li>
								</ul>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle dropdown-at" data-toggle="dropdown"><span class=" name-caret">admin<i class="caret"></i></span><img
									 src="images/用户头像.png" style="height: 60px;width: 60px;"></a>
								<ul class="dropdown-menu " role="menu">
									<li><a href="profile.html"><i class="fa fa-user"></i>编辑个人信息</a></li>
									<!-- <li><a href="inbox.html"><i class="fa fa-envelope"></i>Inbox</a></li> -->
									<!-- <li><a href="calendar.html"><i class="fa fa-calendar"></i>日历</a></li> -->
									<li><a href="signin.html"><i class="fa fa-sign-out"></i>退出</a></li>
								</ul>
							</li>

						</ul>
					</div><!-- /.navbar-collapse -->
					<div class="clearfix">

					</div>

					<div class="navbar-default sidebar" role="navigation">
						<div class="sidebar-nav navbar-collapse">
							<ul class="nav" id="side-menu">

								<li>
									<a href="index.html" class=" hvr-bounce-to-right"><i class="fa fa-dashboard nav_icon "></i><span class="nav-label">平台简介</span>
									</a>
								</li>

								<li>
									<a href="#" class=" hvr-bounce-to-right"><i class="fa fa-list nav_icon"></i> <span class="nav-label">系统管理模块</span>
										<span class="fa arrow"></span></a>
									<ul class="nav nav-second-level">
										<li><a href="department management.html" class=" hvr-bounce-to-right"> <i class="fa fa-file-text-o nav_icon"></i>科室管理</a></li>

										<li><a href="position management .html" class=" hvr-bounce-to-right"><i class="fa fa-file-text-o nav_icon"></i>职务管理</a></li>

										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-file-text-o nav_icon"></i>登录日志管理</a></li>

										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-file-text-o nav_icon"></i>角色管理</a></li>

									</ul>
								</li>

								<li>
									<a href="#" class=" hvr-bounce-to-right"><i class="fa fa-list nav_icon"></i> <span class="nav-label">用户管理模块</span><span
										 class="fa arrow"></span></a>
									<ul class="nav nav-second-level">
										<li><a href="" class=" hvr-bounce-to-right"> <i class="fa fa-user nav_icon"></i>人员基本信息</a></li>
										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-user nav_icon"></i>人员定岗管理</a></li>
										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-user nav_icon"></i>外部人员管理</a></li>
									</ul>
								</li>


								<li>
									<a href="#" class=" hvr-bounce-to-right"><i class="fa fa-list nav_icon"></i> <span class="nav-label">项目管理模块</span><span
										 class="fa arrow"></span></a>
									<ul class="nav nav-second-level">
										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-align-left nav_icon"></i>项目创建</a></li>
										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-align-left nav_icon"></i>项目列表</a></li>
										<li><a href="" class=" hvr-bounce-to-right"><i class="fa fa-align-left nav_icon"></i>项目归档</a></li>
									</ul>
								</li>


							</ul>
						</div>
					</div>
			</nav>
			<div id="page-wrapper" class="gray-bg dashbard-1">
				<div class="content-main">

					<!--banner-->
					<div class="banner">

						<h2>
							<a href="index.html">首页</a>
							<i class="fa fa-angle-right"></i>
							<span>系统管理模块</span>
						</h2>
					</div>
					<!--//banner-->
					<!--content-->
					<div class="grid-form1" style="height: 550px;width: 1250px; margin-left: 15px;">
						<h3>添加科室</h3>
						<div class="tab-content">
							<div class="tab-pane active" id="horizontal-form">
								<form class="form-horizontal" style="">
									<div class="form-group">
										<label for="focusedinput" class="col-sm-2 control-label">科室编号</label>
										<div class="col-sm-8">
											<input type="text" class="form-control1" id="focusedinput" placeholder="">
										</div>
										<div class="col-sm-2">
					
										</div>
									</div>
									<div class="form-group">
										<label for="disabledinput" class="col-sm-2 control-label">科室名称</label>
										<div class="col-sm-8">
											<input disabled="" type="text" class="form-control1" id="disabledinput" placeholder="">
										</div>
									</div>
									
									<div class="form-group">
										<label for="disabledinput" class="col-sm-2 control-label">科室经理</label>
										<div class="col-sm-8">
											<input disabled="" type="text" class="form-control1" id="disabledinput" placeholder="">
										</div>
									</div>
									<div class="form-group">
										<label for="disabledinput" class="col-sm-2 control-label">科室地址</label>
										<div class="col-sm-8">
											<input disabled="" type="text" class="form-control1" id="disabledinput" placeholder="">
										</div>
									</div>
									<div class="form-group">
										<label for="disabledinput" class="col-sm-2 control-label">联系电话</label>
										<div class="col-sm-8">
											<input disabled="" type="text" class="form-control1" id="disabledinput" placeholder="">
										</div>
									</div>
									<div class="profile-btn" style="margin-right: 600px;">
									
										
										<button type="button" href="#" class="btn bg-red">清空</button>
										<a href="department management.html"><button type="button" href="#" class="btn bg-red">保存</button></a>
										<div class="clearfix"></div>
									</div>
				
								
									
								</form>
							</div>
						</div>

						<div class="bs-example" data-example-id="form-validation-states">
						</div>
					</div>



					<!---->
					<div class="copy">
						<p> &copy; 2019 </p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!---->
		<!--scrolling js-->
		<script src="js/jquery.nicescroll.js"></script>
		<script src="js/scripts.js"></script>
		<!--//scrolling js-->
		<script src="js/bootstrap.min.js"> </script>
	</body>
</html>
